<style>
    .ly-form-group-title{

        font-size: 14px;
        line-height: 40px;
        margin-bottom: 15px;

    }

    .ly-form-group-title-line{
        padding-left: 20px;
        background-color: #F9FAFC;
    }
    .ly-form-group-title-blank{
        font-weight: bold;
        padding-left: 10px;
    }
</style>
<template>
    <div>
        <div class="ly-form-group-title" :class="['ly-form-group-title-'+type]">
            {{title}}
            <el-popover placement="right" width="550" v-if="popover">
                <div v-for="tips in popover_data" v-if="popover_data">
                    <p class="ly-popover-title">{{tips}}</p>
                </div>
                <i slot="reference" class="el-icon-question"></i>
            </el-popover>
        </div>
        <div>
            <slot></slot>
        </div>
    </div>

</template>
<script>
    Rap.define('', '', function () {
        return {
            name: 'ly-form-group',
            props: {
                popover:{
                    default:false
                },
                popover_data:{
                    default: function(){
                        return [];
                    }
                },
                'title':{
                    default:''
                },
                type:{
                    'default':'line'//line,blank
                }
            }, watch: {
                value: function (value) {
                }
            }, data: function () {
                return {

                };
            }, created: function () {
            }, destroyed:function () {

            },methods: {
            }
        }
    });
</script>


